@charset "utf-8";
html,
body {
    position: relative;
    min-height: 100vh;
    color: #333;
    font-size: 12px;
}

body,
div,
ul,
ol,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
form,
fieldset,
legend,
input,
textarea,
button,
p,
span,
video,
blockquote,
th,
td,
pre,
xmp {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* font-family: SourceR; */
}

body,
input,
textarea,
button,
select,
pre,
xmp,
tt,
code,
kbd,
samp {
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6,
small,
big,
input,
textarea,
button,
select {
    font-size: 100%
}

b,strong {
    font-weight: normal;
}

address,
cite,
dfn,
em,
i,
optgroup,
var {
    font-style: normal
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left
}

caption,
th {
    text-align: inherit
}

ul,
ol,
menu {
    list-style: none
}

fieldset,
img {
    border: 0
}

img,
object,
input,
textarea,
button,
select {
    vertical-align: middle;
}
.btn:active:focus,button.btn:focus{outline: 0}
article,
aside,
footer,
header,
section,
nav,
figure,
figcaption,
hgroup,
details,
menu {
    display: block
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "\0020"
}

textarea {
    overflow: auto;
    resize: vertical
}

input,
textarea,
button,
select,
a {
    outline: 0 none;
    border: none;
    cursor: pointer;
    color: initial;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
    outline: none;
    cursor: pointer;
}

mark {
    background-color: transparent
}

a,
ins,
s,
u,
del {
    text-decoration: none
}

sup,
sub {
    vertical-align: baseline
}

html {
    height: 100%;
    -webkit-tap-highlight-color: transparent;
}


body {
    color: #fff;
    font-size: 12px;
    line-height: 1.2;
    -webkit-text-size-adjust: none;
}


.hd {
    display: none
}

hr {
    height: .02rem;
    margin: .1rem 0;
    border: medium none;
    border-top: .02rem solid #cacaca;
}

a {
    color: #6b7580;
    text-decoration: none;
}

a:focus, a:hover {
    text-decoration: none!important;
}

img {
    display: inline-block;
    line-height: 0;
    width:100%
}

label {
    font-weight: normal
}

/*字体*/
@font-face {
    font-family: 'DIN';
    src: url("../font/DIN-MEDIUM-2.OTF");
}
@font-face {
    font-family: 'ACENS';
    src: url("../font/ACENS-1.TTF");
}
/* 改变input光标颜色 */
input,textarea{
    /*caret-color:rgb(6, 197, 255);*/

}
.box{
    background-color: #f4f4f4;
    font-family:Microsoft YaHei;
}
.wid-1200 {
    width: 1200px;
    margin: 0 auto;
}
.min-height{
    min-height: calc(100vh - 417px)
  }

/* 超出一行省略号 */
.only-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* 多行省略号 */
.multi-line {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /*autoprefixer: on */
}
/* 滚动条公共样式 */
.scrollbar::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 10px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}

.scrollbar::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #cccccc4a
}

.scrollbar::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background: #ededed4a
}
.chart-hd {
    opacity: 0;
  }
.hot-hd{
    z-index: -1;
    opacity: 0;
}
.label-width{
    width: 140px!important;
}
.pd-0{
    padding: 0!important;
}
.pdr-5{
    padding-right: 5px!important;
}
.mgr-10{
    margin-right: 10px;
}
.mgr-8{
    margin-right: 8px;
}
.mgl-8{
    margin-left: 8px;
}
.mgr-16{
    margin-right: 16px;
}
.mgl-16{
    margin-left: 16px;
}
.mgt-16{
    margin-top: 16px;
}
.mgb-16{
    margin-bottom: 16px;
}
.mgrl-16{
    margin-left: 16px;
    margin-right: 16px;
}
.mg-16{
    margin: 16px;
}
.pa-16{
    padding: 16px;
}
.par-10{
    padding-right: 10px;
}
.par-16{
    padding-right: 16px;
}
.pal-16{
    padding-left: 16px;
}
.pat-16{
    padding-top: 16px;
}
.pab-16{
    padding-bottom: 16px;
}
.parl-16{
    padding-left: 16px;
    padding-right: 16px;
}
.flex{
    display: flex;
    width: 100%;
}
.flex-w {
    flex-direction: row;
}
/*修改select 插件样式*/
.sel-title-box{
    background-color: transparent;
}
.sel-float-box{
    z-index: 9999;
}

.BMapLabel{
    top:50px!important;
    left:18px!important;
    transform: translateX(-50%)!important;
}
.input-box {
    display: flex;
    align-items: center;
    padding: 10px;
}
.input-box input[type="radio"]{
    display: none;
}
.input-box input[type="radio"] + label{
    height: 24px;
    padding: 0 8px;
    line-height: 24px;
    border: 1px solid #f1f1f1;
}
.input-box input:checked + label{
    border-color: #53fcb3;
    color: #fff;
    background-color: #53fcb3;
}
.input-box .input-text {
    height: 24px;
    padding: 0 2px;
    width: 200px;
    line-height: 24px;
    font-size: 12px;
}
.input-box button {
    width: 60px;
    height: 24px;
    margin-left: 10px;
    border: 0;
    background: #53fcb3;
    color: #fff;
}
